//文档加载事件
window.addEventListener('load', function () {
  //banner轮播图
  new Swiper('.swiper', {
    //direction: 'vertical', // 垂直切换选项 水平方向切换(horizontal)或垂直方向切换(vertical)
    loop: true, // 循环模式选项
    autoplay: true,

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },

    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }

  })
  /*获取到元素*/
  let  imgUrl= document.querySelectorAll("#apiList ul li");
  /*遍历得到所有li*/
  imgUrl.forEach(function (v) {
    console.log(v);
    /*移入事件*/
    // let  oldSrc="";
    v.addEventListener('mouseover', function () {
      v.style.background = "rgba(0,91,224,.6)";
      v.style.color = "#fff";
      v.style.cursor="pointer";
      v.style.boxShadow="2px 4px 10px 5px rgba(104, 0, 224, 0.6)";
    //   /* 
    //   处理img标签的src地址 
    //   0.把当前地址使用全局变量保存出来 
    //   1.获取当前img标签src地址
    //   2.对地址进行截取操作  如:  api01.svg  ==> api01-c.svg 
    //   3.把改变后的地址放回去*/
    //   //1.获取当前img的地址
    //   let imgUrl = this.firstElementChild.src;
    //   // console.log(imgLi)
    //   /*定义变量接住值 */
    //   oldSrc=imgUrl;
    //   /*获得指定从后往前截取/后的索引值*/
    //   let index=imgUrl.lastIndexOf('/');
    //   console.log(index);
    //   //从指定索引截取后面所有字符串
    //   let newUrl = imgUrl.substring(index + 1);
    //   this.firstElementChild.src = `./imgs/${newUrl.split('.')[0]}-c.svg`
    //   console.log(newUrl);
    //   console.log(newUrl.split('.')[0]);
    })
    /*移出事件*/
    v.addEventListener('mouseout', function () {
      this.style.background = "";
      this.style.color = "";
      v.style.boxShadow="";
      // oldSrc=this.firstElementChild.src;
    })
  })
})
/**
 * 功能说明
 * @method  方法
 * @type    是什么类型的工具
 * 
 * @param   参数类型  具体参数  参数说明
 * 
 * @description   对功能进行说明
 * 
 * @author   作者
 * 
 * @return   返回获取到的具体元素对象集合
 *  
 * 
 * 
 */


/**
 * @method  方法
 * @param    {string} selector 选择器
 * @description   用于获取原生数据 对象集合
 * @return   返回获取到的具体元素对象集合
 *  
 * 
 * 
 */